<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AI小萌体验中心 | 我不是你的肖奈</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="我不是你的肖奈 | www.heanny.cn"/>
    <meta name="keywords"
          content="我不是你的肖奈,heanny,heanny.cn,ningmeng,xiaonai,肖奈"/>
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/chat-style.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Flexslider  -->
    <link rel="stylesheet" href="css/flexslider.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div id="fh5co-page">
    <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
    <aside id="fh5co-aside" role="complementary" class="border js-fullheight">

        <h1 id="fh5co-logo"><a href="index.html">HEANNY.CN</a></h1>
        <nav id="fh5co-main-menu" role="navigation">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="course.html">Course</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="about.html">About</a></li>
                <!--<li><a href="contact.html">Contact</a></li>-->
                <li id="login_li"><a href="login.html">Sign In</a></li>
            </ul>
        </nav>

        <div class="fh5co-footer">
            <p>
                <small>
                    <span>联系邮箱：<a href="mailto:lzh@heanny.cn" class="black_color_7">lzh@heanny.cn</a></span>
                    <span>Copyright &copy; 2008-2017</span>
                    <span><a href="" class="black_color_7">冀ICP备16029708号</a></span>
                </small>
            </p>
            <ul>
                <li>
                    <a href="#" target="_blank" id="Twitter" data-toggle="tooltip" data-placement="top" title="Twitter">
                        <i class="icon-twitter2"></i></a>
                </li>
                <li>
                    <a href="http://weibo.com/hua199501" target="_blank" id="WeiBo" data-toggle="tooltip"
                       data-placement="top"
                       title="WeiBo">
                        <i class="icon-sina-weibo"></i></a>
                </li>
                <li>
                    <a href="#" target="_blank" id="Linkedin" data-toggle="tooltip" data-placement="top"
                       title="Linkedin">
                        <i class="icon-linkedin22"></i></a>
                </li>
                <li>
                    <a href="https://github.com/beichenyulu" target="_blank" id="Github" data-toggle="tooltip"
                       data-placement="top" title="Github">
                        <i class="icon-github"></i></a>
                </li>
            </ul>
        </div>
    </aside>

    <div id="fh5co-main">
        <!--say some thing -->
        <div id="saysomething" class="fh5co-narrow-content" style="text-align: center">
            <div class="page_box animate-box" data-animate-effect="fadeInLeft" >
                <img src="images/robot.gif" class="page_box animate-box">
                <br/>
                <p style="text-align: center;font-size: 2em" class="page_box animate-box">
                    确定不和我说些什么吗……
                </p>
            </div>
        </div>
        <!--say some thing end-->
        <!--chat-->
        <div class="fh5co-narrow-content animate-box login_box" data-animate-effect="fadeInLeft"style="padding: 0">
            <div class="row top5 left5">
                <div class="col-xs-11 col-md-11">
                    <div id="convo" data-from="Sonu Joshi" style="display: none;">
                        <ul class="chat-thread">
                        </ul>
                    </div>
                    <div class="input-group " style="text-align: center">
                        <input type="text" class="form-control" placeholder="你想要聊些什么呢..." name="info" id="info">
                        <span class="input-group-btn">
                            <input type="button" style="height: 54px;" class="btn btn-default" onclick="getChat()" value="提交">
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <!--chat end-->
    </div>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- MAIN JS -->
<script src="js/main.js"></script>
<script src="js/chat.js"></script>
<script type="text/javascript">
    $(document).keypress(function(e) {
        // 回车键事件
        if(e.which == 13) {
            getChat();
        }
    });
</script>
</body>
</html>

